<!DOCTYPE html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />

  <link rel="stylesheet" href="./css/xadmin.css">
  <link rel="stylesheet" href="./lib/layui/css/layui.css">
  <link rel="stylesheet" href="./css/cate.css">
  <link rel="stylesheet" href="./css/font-awesome.css">
  <script src="./js/jquery.min.js"></script>
  <!-- <script src="./lib/layui/layui.js" charset="utf-8"></script> -->
  <script src="./lib/layui/layui.all.js"></script>
  <script type="text/javascript" src="./js/xadmin.js"></script>
  <script lang="javascript" src="https://cdn.sheetjs.com/xlsx-0.19.3/package/dist/xlsx.full.min.js"></script>
  <script src="./js/axios.min.js"></script>
  <script src="./js/ajaxBase.js"></script>

  <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

<body>
  <div class="x-nav">
    <span class="layui-breadcrumb">
      <a href="">首页</a>
      <a href="">演示</a>
      <a>
        <cite>导航元素</cite></a>
    </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right;display:none"
      onclick="location.reload()" title="刷新" id="Refresh">
      <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
  </div>
  <div class="layui-fluid">
    <div class="layui-row layui-col-space15" id="box">
      <!-- 这是分类列表、修改、删除、增加 -->
      <div class="left">
        <br>
        <span>分类名称</span>
        <input type="text" placeholder=" 请输入分类名称" id="val">
        <button type="button" class="layui-btn layui-btn-sm search fa fa-search" id="gg">搜索</button>
        <button type="button" class="layui-btn layui-btn-sm reset fa fa-undo" id="gg">重置</button>
        <br>
        <br>
        <button type="button" class="layui-btn layui-btn-normal" id="xin"> + 新增</button>
        <button type="button" class="layui-btn layui-btn-warm fa fa-download" 
          id="dao">导出</button>
        
      </div>

      <div class="right">
        <button type="button" class="layui-btn layui-btn-sm  fa fa-chevron-circle-down b1" id="f1"></button>
        <button type="button" class="layui-btn layui-btn-sm search fa fa-circle b2" id="f1"></button>
        <!-- <button type="button" class="layui-btn layui-btn-sm reset fa fa-cog b3" id="f1"></button> -->
      </div>
<!-- fa fa-circle b2 -->

    </div>
    <!-- 按钮 -->
  </div>
  </div>


  <!-- 内容区 -->
  <table class="layui-table" id="tabInfo">
    <colgroup>
      <col width="30">
      <col width="200">
      <col width="200">
      <col width="200">
      <col width="50">
      <col width="130">
      <col>
    </colgroup>
    <thead>
      <tr>
        <th>#</th>
        <th>ID</th>
        <th>分类名称</th>
        <th>图标class</th>
        <th>权重</th>
        <th>操作</th>
      </tr>
    </thead>
    <tbody id="list">
      <!-- <tr>
        <td>1</td>
        <td>32</td>
        <td>科学</td>
        <td>fa-rocket </td>
        <td>10</td>
        <td>
          
          <button type="button" class="layui-btn layui-btn-xs btn_edit" id="deit">编辑</button>
          <button type="button" class="layui-btn layui-btn-danger layui-btn-xs btn_delete">删除</button>
        </td>
      </tr> -->

    </tbody>
  </table>
  <div id="page-box"></div>
  <table class="layui-hide" id="test" lay-filter="test"></table>
  <!-- ---------------------------------------------- -->


</body>
<script src="./js/cate.js"></script>
<script>
</script>
</html>